<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="https://www.csdn.net/">这是一个超链接</a>
    <div class="nav">
        <a href="#">链接1</a>
        <a href="#">链接2</a>
        <a href="#">链接3</a>
        <a href="#">链接4</a>
        <a href="#">链接5</a>
    </div>

    <div>
        <h1>文章标题</h1>
        <p>文章标题</p>
        <p>文章标题</p>
        <p>文章标题</p>
        <p>文章标题</p>
        <p>文章标题</p>
    </div>

    <span>这是第一个span标签</span>
    <span>这是第二个span标签</span>
    <span>这是第三个span标签</span>
    <span>这是第四个span标签</span>
    <span>这是第五个span标签</span>
    <hr>
    <span>这是一个超链接<a href="#">链接</a></span>

    <form>
        <label for="username">用户名</label>
        <input type="text" id="username" placeholder="请输入用户名"> <br><br>
        <label for="password">密码：</label>
        <input type="password" id="password" value="请输入密码"><br><br>

        <label>性别：</label>
        <input type="radio" name="gender">男
        <input type="radio" name="gender">女
        <input type="radio" name="gender">其他 <br><br>

        <label>爱好：</label>
        <input type="checkbox" name="hobby">唱歌
        <input type="checkbox" name="hobby">跳舞
        <input type="checkbox" name="hobby">跑步
        <input type="checkbox" name="hobby">打篮球<br><br>

        <input type="submit">
    </form>
</body>
</html>